<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="applicable-device" content="pc,mobile">
    <title>{eyou:global name='web_title' /}_{eyou:global name='web_name' /}</title>
    <meta name="description" content="{eyou:global name='web_description' /}"/>
    <meta name="keywords" content="{eyou:global name='web_keywords' /}"/>
    <link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon"/>
    {eyou:static file="skin/css/bootstrap.css" /}
    {eyou:static file="skin/css/bxslider.css" /}
    {eyou:static file="skin/css/style.css" /}
    {eyou:static file="skin/js/jquery.min.js" /}
    {eyou:static file="skin/js/bxslider.min.js" /}
    {eyou:static file="skin/js/common.js" /}
    {eyou:static file="skin/js/bootstrap.js" /}
    <!--[if lt IE 9]>
    {eyou:static file="skin/js/html5shiv.min.js" /}
    {eyou:static file="skin/js/respond.min.js" /}
    <![endif]-->
</head>
<body>
{eyou:include file="header.htm" /}

<div class="flash">
    <ul class="bxslider">
        {eyou:adv pid='1'}
        <li style="height: 520px;overflow: hidden;background-color: black;">
            <a href="{$field.links}" {$field.target}>
                <img style="width: 100%;height: 100%;object-fit: contain;" src="{$field.litpic}"
                     alt="{$field.title}"/></a>
        </li>
        {/eyou:adv}
    </ul>
</div>
<script type="text/javascript">
    $('.bxslider').bxSlider({
        adaptiveHeight: true,
        infiniteLoop: true,
        hideControlOnEnd: true,
        auto: true,
        slideWidth:1644
    });
</script>

{eyou:channelartlist typeid='3'}
<div class="product_bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12" style="padding: 0px;">
                <div class="product_index">
                    <div class="product_head">
                        <h2>产品分类<span style="color: #F3C405 ;">&ensp;懂你所需</span></h2>
                        <p class="p_des">{eyou:field name='seo_description' /}</p>
                        <p class="p_span"><span></span></p>
                    </div>
                    <div class="tab-btn">
                        <ul>
                            {eyou:channel type="son"}
                            <li>
                                {$field.dirname}
                                <p>{$field.typename}</p>
                                <a href="{$field.typeurl}">立即进入</a>
                            </li>
                            {/eyou:channel}
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
{/eyou:channelartlist}

<div style="background-color: #f5f5f5">
    <div class="container">
        <div class="row">

            <div class="about_head">
                <h2>20多年专业经验<span>&ensp;贴心服务质量无忧</span></h2>
                <p>More than 20 years of professional experience,caring service quality worry-free</p>
                <p class="p_span"><span></span></p>
            </div>

            <div class="col-xs-3 col-sm-3 col-md-3" style="float:left;padding: 0px;">
                <ul class="feature_ul">
                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_01.png" title="on time delivery" alt="on time delivery">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_01_2.png" title="on time delivery" alt="on time delivery">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">交期准时</p>
                            <p class="amazing_content">on time delivery</p>
                        </div>
                        </a>
                    </li>

                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_02.png" title="Professional customization" alt="Professional customization">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_02_2.png" title="Professional customization" alt="Professional customization">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">专业定制</p>
                            <p class="amazing_content">Professional customization</p>
                        </div>
                        </a>
                    </li>

                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_03.png" title="Quality Assurance" alt="Quality Assurance">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_03_2.png" title="Quality Assurance" alt="Quality Assurance">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">质量保证</p>
                            <p class="amazing_content">Quality Assurance</p>
                        </div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="col-xs-6 col-sm-6 col-md-6" style="padding: 0px;float:left;">
                <img style="max-width: 100%;max-height: 100%"
                     src="{eyou:global name='web_templets_pc' /}/skin/images/handshake.jpg" alt="" title="">
            </div>

            <div class="col-xs-3 col-sm-3 col-md-3" style="float:left;padding: 0px;">

                <ul class="feature_ul">
                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_04.png" title="Deversity of applications" alt="Deversity of applications">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_04_2.png" title="Deversity of applications" alt="Deversity of applications">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">应用多样化</p>
                            <p class="amazing_content">Deversity of applications</p>
                        </div>
                        </a>
                    </li>

                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_05.png" title="Green production" alt="Green production">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_05_2.png" title="Green production" alt="Green production">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">环保生产</p>
                            <p class="amazing_content">Green production</p>
                        </div>
                        </a>
                    </li>

                    <li>
                        <a href="javascript:;">
                        <div class="div_img">
                            <img class="img1" src="{eyou:global name='web_templets_pc' /}/skin/images/service_06.png" title="Consult us" alt="Consult us">
                            <img class="img2" src="{eyou:global name='web_templets_pc' /}/skin/images/service_06_2.png" title="Consult us" alt="Consult us">
                        </div>
                        <div class="div_content">
                            <p class="amazing_head">联系我们</p>
                            <p class="amazing_content">Consult us</p>
                        </div>
                        </a>
                    </li>
                </ul>

            </div>

        </div>
    </div>

</div>


{eyou:channelartlist typeid='1'}
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12" style="padding: 0px;">
            <div class="col-xs-5 col-sm-5 col-md-5" style="padding: 0px;">
                <p class="about_p">关于东莞孚丰</p>
                <span class="about_content">
                    {eyou:type typeid='8' addtable='single_content'}
                    {$field.content|html_msubstr=###,0,100,true}
                    {/eyou:type}
                </span>
                <div class="about_a_block">
                    <p><a class="about_btn" href="{eyou:field name='typeurl' /}">想了解更多？</a>
                        <span style="font-size: 12px">Want to learn more?</span>
                    </p>
                </div>
            </div>
            <div class="col-xs-7 col-sm-7 col-md-7" style="padding: 0px;">
                <h3 class="about_h3">About us</h3>
                <img src="{eyou:global name='web_templets_pc' /}/skin/images/about.jpg" class="about_img"
                     alt="{eyou:field name='typename' /}">
            </div>
        </div>
    </div>
</div>
{/eyou:channelartlist}

<div class="case_bg"
     style="background-image: url({eyou:global name='web_templets_pc' /}/skin/images/factory_str_bg.png);background-size: cover;">
    <div style="background-color: rgba(36,117,199,0.8)">

        <div class="container" style="height: 570px;">
            <div class="row">
                <div class="">
                    <div class="case_head head">
                        <h2 style="color: #fffefe">工厂实力<span style="color: #f3c405">&ensp;全力以赴</span></h2>
                        <p style="color: #fffefe;padding-right: 265px;">Factory strength</p>
                        <p class="p_span"><span style="background-color: white;"></span></p>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 case_list">
                        <div class="col-sm-3 col-md-3 col-mm-3">
                            <div class="case_img">
                                <img src="{eyou:global name='web_templets_pc' /}/skin/images/strength_01.png"
                                     class="img-thumbnail" allt="科研生产">

                                <p class="case_title">
                                    <span>科研生产</span>
                                </p>
                            </div>

                        </div>
                        <div class="col-sm-3 col-md-3 col-mm-3">
                            <div class="case_img">
                                <img src="{eyou:global name='web_templets_pc' /}/skin/images/strength_02.png"
                                     class="img-thumbnail" alt="品质保障">

                                <p class="case_title">
                                    <span>品质保障</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-sm-3 col-md-3 col-mm-3">

                            <div class="case_img">
                                <img src="{eyou:global name='web_templets_pc' /}/skin/images/strength_03.png"
                                     class="img-thumbnail" alt="专业质检">

                                <p class="case_title">
                                    <span>专业质检</span>
                                </p>
                            </div>
                        </div>
                        <div class="col-sm-3 col-md-3 col-mm-3">

                            <div class="case_img">
                                <img src="{eyou:global name='web_templets_pc' /}/skin/images/strength_04.png"
                                     class="img-thumbnail" alt="服务至上">

                                <p class="case_title">
                                    <span>服务至上</span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="case_bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="case_head head" data-move-y="-50px">
                    <h2>工厂环境<span style="color: #f3c405">&ensp;了解我们</span></h2>
                    <p style="padding-right: 233px;">Factory environment</p>
                    <p class="p_span"><span></span></p>
                </div>
                <p class="envir_title">
                    <a href="#">MORE>>>>></a>
                </p>
                <div class="envir_list">
                    <div class="col-sm-12 col-md-12 col-mm-12" style="padding: 0px;">
                        <div class="col-sm-6 col-md-6 col-mm-6 envir_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/factory_environment_01.jpg"
                                 class="img-thumbnail">
                        </div>

                        <div class="col-sm-6 col-md-6 col-mm-6 envir_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/factory_environment_02.jpg"
                                 class="img-thumbnail">
                        </div>

                    </div>


                    <div class="col-sm-12 col-md-12 col-mm-12" style="padding: 0px;">
                        <div class="col-sm-6 col-md-6 col-mm-6 envir_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/factory_environment_03.jpg"
                                 class="img-thumbnail">
                        </div>
                        <div class="col-sm-6 col-md-6 col-mm-6 envir_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/factory_environment_04.jpg"
                                 class="img-thumbnail">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="case_bg">

    <div class="case_head head" data-move-y="-50px">
        <h2>热销产品<span style="color: #f3c405">&ensp;重磅来袭</span></h2>
        <p style="padding-right: 234px;">facatory environment</p>
        <p class="p_span"><span></span></p>
    </div>

    <div class="case_bg" style="background-color: #f4f4f4">
        <div class="block">
            <div class="col-xs-5 col-sm-5 col-md-5 sale_img"
                 style="background-image: url({eyou:global name='web_templets_pc' /}/skin/images/transformer.png);background-size: cover;background-repeat: no-repeat;padding: 0px;">
                <div class="col-xs-12 col-sm-12 col-md-12 sale_img">
                    <div style="width: 522px;"><h2>变压器</h2></div>
                    <div class="sale_detail" style="text-align: left;">
                        <h4>适用我公司所有</h4>
                        <ul>
                            <li>高压电源</li>
                            <li>离子发生器</li>
                            <li>臭氧发生器等核心部件</li>
                        </ul>
                        <span><a href="javascript:;">More>>>></a></span>
                    </div>

                </div>
            </div>

            <div class="col-xs-7 col-sm-7 col-md-7 product">
                <ul>
                    {eyou:channelartlist typeid='3' type='son' row='20'}

                    {eyou:arclist limit='0,10' titlelen='30'}
                    <li>
                        <div class="p_img">
                            <img src="{$field.litpic}" alt="">
                        </div>
                        <p><span>{$field.title}</span><a href="{$field.arcurl}">了解更多>></a></p>
                    </li>
                    {/eyou:arclist}

                    {/eyou:channelartlist}
                </ul>
            </div>

        </div>
    </div>

    <div class="case_bg" style="background-color: #f4f4f4">
        <div class="block">
            <div class="col-xs-5 col-sm-5 col-md-5 sale_img_02"
                 style="background-image: url({eyou:global name='web_templets_pc' /}/skin/images/ionizer.png);background-size: cover;background-repeat: no-repeat;padding: 0px;">
                <div class="col-xs-12 col-sm-12 col-md-12 sale_img_02">
                    <div class="sale_detail_02">
                        <h2>离子发生器模组</h2>
                        <h4>适用于多场景</h4>
                        <ul>
                            <li>大小家电</li>
                            <li>车载</li>
                            <li>美容美发</li>
                            <li>室内外空间等设备核心部件</li>
                        </ul>
                        <span><a href="javascript:;">More>>>></a></span>
                    </div>

                </div>
            </div>
            <div class="col-xs-7 col-sm-7 col-md-7 product_02">
                <ul>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_06.jpg" alt="">
                        </div>
                        <p><span>1013</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                        <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_08.jpg" alt="">
                        </div>

                        <p><span>TC-1013</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                        <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_12.jpg" alt="">
                        </div>
                        <p><span>EEL16</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_13.jpg" alt="">
                        </div>
                        <p><span>OSC-203</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_13.jpg" alt="">
                        </div>
                        <p><span>OSC-203</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_13.jpg" alt="">
                        </div>
                        <p><span>OSC-203</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <div class="case_bg" style="background-color: #f4f4f4">
        <div class="block">
            <div class="col-xs-5 col-sm-5 col-md-5 sale_img"
                 style="background-image: url({eyou:global name='web_templets_pc' /}/skin/images/ozone.png);background-size: cover;background-repeat: no-repeat;padding: 0px;">
                <div class="col-xs-12 col-sm-12 col-md-12 sale_img">
                    <div><h2>臭氧发生器模组</h2></div>
                    <div class="sale_detail" style="text-align: left;">
                        <h4>适用于多场景：</h4>
                        <ul>
                            <li>大小家电</li>
                            <li>车载</li>
                            <li>美容美发</li>
                            <li>室内外空间等设备核心部件</li>
                        </ul>
                        <span><a href="javascript:;">More>>>></a></span>
                    </div>

                </div>
            </div>
            <div class="col-xs-7 col-sm-7 col-md-7 product">
                <ul>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_06.jpg" alt="">
                        </div>
                        <p><span>TC-1312</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_08.jpg" alt="">
                        </div>
                        <p><span>TC-1013</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_12.jpg" alt="">
                        </div>
                        <p><span>EEL16</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_13.jpg" alt="">
                        </div>
                        <p><span>OSC-203</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_12.jpg" alt="">
                        </div>
                        <p><span>EEL16</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                    <li>
                        <div class="p_img">
                            <img src="{eyou:global name='web_templets_pc' /}/skin/images/热销产品_13.jpg" alt="">
                        </div>
                        <p><span>OSC-203</span><a href="javascript:;">了解更多>></a></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>


{eyou:channelartlist typeid='2'}
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="news_head" data-move-y="-50px">
                <h2>{eyou:field name='typename' /}</h2>
                <p>{eyou:field name='seo_description' /}</p>
            </div>
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="news_list">
                    {eyou:arclist row='3'}
                    <div class="col-sm-4 col-md-4 news_img" data-move-y="50px">
                        <a href="{$field.arcurl}" title="{$field.title}">
                            <img src="{$field.litpic}" class="opacity_img" alt="{$field.title}">
                        </a>
                        <p class="news_title">
                            <a href="{$field.arcurl}" title="{$field.title}">{$field.title}</a>
                        </p>
                        <p class="news_desc">{$field.seo_description|html_msubstr=###,0,60,true}</p>
                    </div>
                    {/eyou:arclist}
                </div>
            </div>
        </div>
    </div>
</div>
{/eyou:channelartlist}

{eyou:type typeid='68'}
<div class="advantage_bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="advantage_head" data-move-y="-40px">
                    <h2>{$field.typename}</h2>
                    <p>{$field.seo_description}</p>
                </div>
                {eyou:arclist row='4' mod='2' typeid='68'}
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="advantage_list" data-move-y="40px">
                        <div class="col-xs-12 col-sm-4 col-md-4"><img src="{$field.litpic}" class="advantage_img"></div>
                        <div class="col-xs-12 col-sm-8 col-md-8">
                            <h3 class="advantage_h3"><a href="javascript:;">{$field.title}</a></h3>
                            <p class="advantage_p">{$field.seo_description}</p>
                        </div>
                        <div class="advantage_clear"></div>
                    </div>
                </div>
                {eyou:eq name='mod' value='0'}
                <div class="advantage_clear"></div>
                {/eyou:eq}
                {/eyou:arclist}
            </div>
        </div>
    </div>
</div>
{/eyou:type}

{eyou:type typeid='69'}
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="cooperation_head" data-move-y="-40px">
                <h2>{$field.typename}</h2>
                <p>{$field.seo_description}</p>
            </div>
            {eyou:arclist row='6' typeid='69'}
            <div class="col-xs-4 col-md-2 col-mm-6 cooperation_img" data-move-y="50px">
                <a href="javascript:;" target="_blank">
                    <img src="{$field.litpic}" class="img-thumbnail" alt="{$field.title}" title="{$field.title}">
                </a>
            </div>
            {/eyou:arclist}
        </div>
    </div>
</div>
{/eyou:type}

{eyou:include file="footer.htm" /}
{eyou:static file="skin/js/jquery.smoove.min.js" /}

<script>
    $('.tab-btn a').click(function () {
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        $(this).parent().siblings('.tabs').find('.tabpage').eq(index).addClass('active').siblings()
            .removeClass('active');
    });
</script>
</body>
</html>
